<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">

        <ui:define name="contenido">
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">
                <p:panel id="pnlPrincipal" header="#{i18n['plan.pago.documento.compra']} / #{i18n['plan.pago.comprobante.compra']}" style="#{applicationMBean.estiloTitulo}">                                   
                    <h:outputLabel value="#{i18n['plan.pago.documento.por.pagar']}" style="#{i18n['form.general.style.titulo.panel']}"/>
                    <h:panelGrid id="pgInformacion" columns="4" cellpadding="6"> 
                        <h:outputLabel
                            value="#{i18n['general.label.id']}"
                            styleClass="label" />
                        <h:outputText value="#{planPagoMBean.dto.id}"/> 
                        <h:outputLabel
                            value="#{i18n['plan.pago.proveedor']}"
                            styleClass="label" />
                        <h:outputText value="#{planPagoMBean.dto.documentoCompraDto.proveedorDto.descripcion}" rendered="#{planPagoMBean.dto.documentoCompraDto != null}"/>
                        <h:outputText value="#{planPagoMBean.dto.comprobanteCompraDto.proveedorDto.descripcion}" rendered="#{planPagoMBean.dto.comprobanteCompraDto != null}"/>
                        <h:outputLabel
                            value="#{i18n['plan.pago.serie']}"
                            styleClass="label" />
                        <h:outputText value="#{planPagoMBean.dto.documentoCompraDto.nroSerie}" rendered="#{planPagoMBean.dto.documentoCompraDto != null}"/>
                        <h:outputText value="#{planPagoMBean.dto.comprobanteCompraDto.nroSerie}" rendered="#{planPagoMBean.dto.comprobanteCompraDto != null}"/>
                        <h:outputLabel
                            value="#{i18n['plan.pago.numero']}"
                            styleClass="label" />
                        <h:outputText value="#{planPagoMBean.dto.documentoCompraDto.numero}" rendered="#{planPagoMBean.dto.documentoCompraDto != null}"/>
                        <h:outputText value="#{planPagoMBean.dto.comprobanteCompraDto.numero}" rendered="#{planPagoMBean.dto.comprobanteCompraDto != null}"/>
                        <h:outputLabel
                            value="#{i18n['plan.pago.tipo.documento']}"
                            styleClass="label"  />
                        <h:outputText value="#{planPagoMBean.dto.tipoDocumentoTexto}"/>
                        <h:outputLabel
                            value="#{i18n['plan.pago.moneda']}"
                            styleClass="label"  />
                        <h:outputText value="#{planPagoMBean.dto.documentoCompraDto.monedaDto.descripcion}" rendered="#{planPagoMBean.dto.documentoCompraDto != null}"/>
                        <h:outputText value="#{planPagoMBean.dto.comprobanteCompraDto.monedaDto.descripcion}" rendered="#{planPagoMBean.dto.comprobanteCompraDto != null}"/>
                        <h:outputLabel
                            value="#{i18n['plan.pago.a.liquidar']}"
                            styleClass="label"  />
                        <h:outputText value="#{planPagoMBean.dto.liquidar}">
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" /> 
                        </h:outputText>
                        <h:outputLabel
                            value="#{i18n['plan.pago.pendiente']}"
                            styleClass="label"  />
                        <h:outputText value="#{planPagoMBean.dto.pendiente}">
                            <f:convertNumber pattern="#{applicationMBean.formatoMontos}" /> 
                        </h:outputText>
                        <h:outputLabel
                            value="#{i18n['plan.pago.fecha.vencimiento']}"
                            styleClass="label"  />
                        <h:outputText value="#{planPagoMBean.dto.fechaVencimiento}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputText>
                        <h:outputLabel
                            value="#{i18n['general.label.estado']}"
                            styleClass="label"/>
                        <h:outputText value="#{planPagoMBean.dto.estadoTexto}"/>
                        <h:outputLabel
                            value="#{i18n['form.general.campo.comentario']}"
                            styleClass="label"/>
                        <p:inputTextarea style="#{i18n['form.general.style.obligatorio']}"
                                         value="#{planPagoMBean.dto.comentario}" rows="3" cols="50" 
                                         requiredMessage="#{i18n['form.general.campo.comentario']} #{i18n['form.general.mensaje.requerido']}"
                                         readonly="#{planPagoMBean.dto.estado != 'P'}"
                                         required="false">                     
                        </p:inputTextarea>
                    </h:panelGrid>
                    <p:separator />
                    <h:panelGrid id="acciones" columns="4" cellpadding="10">
                        <p:commandButton title="#{i18n['general.button.cancelar.tip']}" ajax="false"
                                         icon="ui-icon ui-icon-disk"
                                         rendered="#{planPagoMBean.dto.estado != 'C' &amp;&amp; planPagoMBean.dto.listPago.size() == 0 &amp;&amp; sessionMBean.privilegiosOpciones['976']=='true'}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.cancelar']}" style="#{applicationMBean.cssBotonVerde}"
                                         action="#{planPagoMBean.pagar}">                                    
                        </p:commandButton>                        
                        <p:spacer width="10" />
                        <p:commandButton title="#{i18n['general.button.atras.tip']}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         value="#{i18n['general.button.atras']}" style="#{applicationMBean.cssBotonPlomo}"
                                         action="#{planPagoMBean.retroceder}">
                        </p:commandButton>
                    </h:panelGrid>
                </p:panel>
                
                <p:panel id="pnlPrincipalDeta" header="#{i18n['plan.pago.detalles.panel']}" style="#{applicationMBean.estiloTitulo}" rendered="#{planPagoMBean.dto.id!=null &amp;&amp; planPagoMBean.dto.formaPagoDto.descripcion == 'CREDITO'}">
                    <h:panelGrid id="pngTabla" columns="1">
                        <h:panelGrid id="pgFormDtoDeta" columns="13" cellpadding="4">
                            <p:commandButton title="#{i18n['plan.pago.boton.nuevo']}"
                                             icon="ui-icon ui-icon-plus"
                                             style="#{applicationMBean.estilosBtnNuevoDetalle}"
                                             value="#{i18n['plan.pago.boton.nuevo']}" 
                                             rendered="#{planPagoMBean.dto.estado != 'C' &amp;&amp; sessionMBean.privilegiosOpciones['977']=='true'}" ajax="true"
                                             oncomplete="carDialogUbicacion.show()"
                                             update=":frmDetalle:pgFormDtoDeta"
                                             action="#{planPagoMBean.nuevoDetalle}">
                            </p:commandButton>
                        </h:panelGrid>
                        
                        <p:dataTable id="tblPrincipalDeta" value="#{planPagoMBean.dto.listPago}" var="dto" widgetVar="widTable" rowKey="#{dto.id}"
                                     emptyMessage="#{i18n['plan.pago.detalle.no.registros']}" styleClass="estiloPanel">
                            <p:column style="text-align:center;">
                                <h:panelGrid columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                    <p:commandButton icon="ui-icon  ui-icon-close" title="#{i18n['general.button.eliminar']}" 
                                                     disabled="#{dto.estado == 'C'}"
                                                     ajax="true" immediate="true"
                                                     update=":frmPrincipal"
                                                     action="#{planPagoMBean.eliminarPago}"
                                                     rendered="#{sessionMBean.privilegiosOpciones['978']=='true'}">
                                        <f:setPropertyActionListener value="#{dto}" target="#{planPagoMBean.pagoDto}" /> 
                                    </p:commandButton>
                                    <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.ver.tip']}"
                                                     action="#{planPagoMBean.verPago}" ajax="true"
                                                     oncomplete="carDialogUbicacion.show()"
                                                     update=":frmDetalle:pgFormDtoDeta"
                                                     rendered="#{sessionMBean.privilegiosOpciones['979']=='true'}">
                                        <f:setPropertyActionListener value="#{dto}" target="#{planPagoMBean.pagoDto}" />                                                                    
                                    </p:commandButton>                                
                                    <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.editar.tip']}" 
                                                     disabled="#{dto.estado == 'C'}" ajax="true"
                                                     action="#{planPagoMBean.editarPago}"
                                                     oncomplete="carDialogUbicacion.show()"
                                                     update=":frmDetalle:pgFormDtoDeta"
                                                     rendered="#{sessionMBean.privilegiosOpciones['980']=='true'}">
                                        <f:setPropertyActionListener value="#{dto}" target="#{planPagoMBean.pagoDto}"/>
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:column>
                            <p:column headerText="#{i18n['general.label.id']}"  styleClass="general">
                                <h:outputText value="#{dto.id}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['plan.pago.detalle']}"  styleClass="general">
                                <h:outputText value="#{dto.planPagoDto.id}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['plan.pago.forma.pago']}"  styleClass="general">
                                <h:outputText value="#{dto.formaPagoDto.descripcion}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['plan.pago.moneda']}"  styleClass="general">
                                <h:outputText value="#{dto.monedaDto.descripcion}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['plan.pago.monto']}" styleClass="general">
                                <h:outputText value="#{dto.monto}" styleClass="general">                                    
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['cobro.detalle.factor.conversion']}" styleClass="general">
                                <h:outputText value="#{dto.factorConversion}" styleClass="general">                                    
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['cobro.detalle.monto.convertido']}" styleClass="general">
                                <h:outputText value="#{dto.montoConvertido}" styleClass="general">                                    
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column style="text-align:left;">
                                <f:facet name="header">
                                    <h:outputText value="#{i18n['plan.pago.fecha.pago']}" />
                                </f:facet>
                                <h:outputText value="#{dto.fechaPago}">
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                </h:outputText>                                
                            </p:column>
                            <p:column headerText="#{i18n['general.label.estado']}" styleClass="general">
                                <h:outputText value="#{dto.estadoTexto}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['plan.pago.usuario.cancelacion']}" styleClass="general">
                                <h:outputText value="#{dto.usuarioCancelacionDto.descripcion}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['plan.pago.fecha.cancelacion']}" styleClass="general" >
                                <h:outputText value="#{dto.fechaCancelacion}" styleClass="general" >
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/> 
                                </h:outputText>
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>
                </p:panel>
            </h:form>
            <p:dialog id="dialogDetalle" header="#{i18n['panel.titulo.pago.detalle']}" widgetVar="carDialogUbicacion" resizable="false"  
                      width="500" height="245" modal="true">  
                <p:messages id="msjDialogDeta" showDetail="false" autoUpdate="true" />   
                <ui:include src="/pages/caja/pagoDC/pagoUbicacion.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>